//弹出层样式
.popbg {
    position:fixed;
	top:0;
	left:0;
	z-index:999;
	min-width: 320px;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.8);
	display: flex;
	padding: 0 10%;
	align-items:center;
	justify-content: center;
}
.popbox {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	line-height: @u*40;
	text-align: center;
	background-color: #eee;
	border-radius: @u*10;
	padding: 0 @u*50;
	.situs{
	    width: @u*57;
	    height: @u*89;
	    background: url('@{pimg}icon_situs.png') no-repeat;
	    background-size: @u*57 @u*89;
        float: left;
        margin: @u*28 @u*20 0 0;
	}
	.popinput{
	    border: none;
        border-bottom: #009788 solid 2px;
        margin-left: 14*@u;
        line-height: @u*38;
        width: 100%;
        color: #999;
	}
}
.poptip{
    padding: @u*45 0 0 0;
    text-align: left;
    font-size: @u*32;
    + .poptxt{
        color: #666;
    }
}

.poptxt {
	padding: @u*50 0;
	font-size: @u*32;
	text-align: left;
	span,p,font{
	    font-size: @u*32;
	}
}
.popbtnbox {
	text-align: right;
	height: 88*@u;
	line-height: 88*@u;
	white-space: nowrap;
	>p {
		display: inline-block;
		color: #009788;
		font-size: @u*32;
		padding-left: @u*50;
		vertical-align: top;
		&:nth-child(1) {
            padding-left: 0;
        }
	}
}
//背景透明黑色弹层
.tmbg {
	background:rgba(0, 0, 0, 0);
	.popbox { background:rgba(0, 0, 0, 0.8);}
	.poptxt { color: #fff;}
}

//背景透明白色弹层
.tmbg2 {
	background:rgba(0, 0, 0, 0);
	.popbox { background: #fff;}
	.poptxt { color: #333;}
}

/* alert弹出层 */
.popalert {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0);
    min-width: 320px;
    display: flex;
    padding: 0 15%;
    align-items:center;
    justify-content: center;
	.alert_box {
		width: 100%;
        max-width: 500px;
        margin: 0 auto;
        line-height: @u*40;
        text-align: center;
        background-color: #eee;
        border-radius: @u*10;
        padding: 0 @u*50;
        background: rgba(0, 0, 0, 0.8);
	}
	.alertnr {
        padding: @u*50 0;
        font-size: @u*32;
//      min-height: @u*160;
        text-align: left;
        color: #fff;
        span,p,font{
            font-size: @u*32;
        }
    }
}

//两栏，左栏自适应，右栏固定宽度为@fixed_column_width
//定制右栏固定宽度
.width(@fixed_column_width){
	.inv_text {
	    margin-left: -@fixed_column_width;
	    padding-left: @fixed_column_width;
	}
	span {
		 width: @fixed_column_width;
	}
}
.poptxt.column_2 {
	overflow: hidden;
	span {
		position: absolute;
	    text-align: center;
	}
	//右栏宽度为1.8rem
	&.right_16rem {
		.width(1.8rem);
	}
}
// ios页面交互
.device-ios{
	.popbox{
		// background: #fff;
		padding: 0;
	}
	.popbtnbox{
		display: flex;
		border-top: 1px solid #d5d5d5;
		position: relative;
	}
	.poptxt{
		padding: 0.66rem 0.5rem;
	}
	.popbtnbox > p {
		flex:1;
	    display: block;
	    color: #007aff;
	    font-size: 0.32rem;
	    vertical-align: top;
	    padding-left: 0;
	    text-align: center;
	    &:nth-child(1) {
            border-right: 1px solid #d5d5d5;
        }
	}
	.poptip{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		text-align: center;
	}
	.popinput{
		border: 1px solid #d5d5d5;
		height: 86*@u;
		line-height: 86*@u;
		padding: 0 5*@u;
	}
	.w_input{
		margin: @u*48 50*@u 20*@u;
	}
	.w_hint{
		padding: 0 0.5rem;
	}
}
.w_input{
	display: flex;
    align-items:center;
    margin: @u*48 0 20*@u;
	>*{
		display: block;
	}
	input{
		flex:1;
	}
	b{
		font-weight: normal;
	}
}
.w_hint{
	height: 42*@u;
	margin-bottom: 56*@u;
	p{
		text-align: left;
		color: @fn-color;
	}
}
